<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品页面</title>
    <link rel="stylesheet" href="../css/suningindex.css">
    <link rel="stylesheet" href="../lib/pcyangshi.css">
</head>
<body style="background-color: #fff;">
    <div class="spyt">
        <img src="../img/shangpinye.png" alt="">
    </div>
    <div class="center" style="height: 400px;">
        <span id='one' style="display: none;">123456</span>
        <h1 id='title'>广州腊肠</h1>
        <div id="box">
            <div id="small"><!-- 小图片盒子350*350 --> 
                <img id="pic" src="../img/lc.jpg" alt=""><!-- 小图片 350*350 -->
                <div id="mask"></div> <!-- 遮罩 175*175 -->
            </div>
            <div id="big">
                <img id="bigimg" src="../img/lc.jpg" alt="">   <!-- 大图片盒子400*400 -->   
            </div>
        </div>
        <div><span>价格:</span><span id="price">2366</span></div>
        <span>数量:</span><input type="text" id='num' value='1' disabled style="background-color: #fff;">
        <input type="button" value="加入购物车" id='add'>
        <a id="go" href="../pages/cart.html">去购物车</a>
    </div>
</body>
</html>
<script src="../lib/ajax.js"></script>
<script src="../lib/jquery-1.12.4.min.js"></script>
<script src="../js/suningindex.js"></script>